<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale:1.0">
    <title>大事记</title>
    <link rel="stylesheet" type="text/css" href="../font-icon/iconfont.css">
    <link rel="stylesheet" type="text/css" href="../swiper/swiper-bundle.min.css">
    <link rel="stylesheet" type="text/css" href="../container/Header.css">
    <link rel="stylesheet" type="text/css" href="../container/tuandui.css">
    <style>
        body {
            --font: 100%;
            padding: 0;
            margin: 0;
            font-size: 14px;
        }
        a
        {
            text-decoration: none;
            color:black;
        }
        a.a-1:nth-of-type(2)
        {
            background-color:#f7f7f7;
            padding-top:10px;
        }
        a.a-1:nth-of-type(1)
        {
            padding-top:10px;
        }
        a.a-1:nth-of-type(3)
        {
            padding-top:10px;
        }
        .a1
        {
            margin-top:14px;
        }
        ul
        {
            padding:0;
        }
        img.width
        {
            width:8px;
            height:11px;
            transition: 0.5s ease;
            margin-right:10px;
        }
        li.loc
        {
            margin-top:-14px;
            background-color:#f7f7f7;
            padding:10px;
            border-bottom: 1px solid #dddee1;
            text-indent: 20px;
            color:#666666;
        }
        .rotate
        {
            transform:rotate(90deg);
        }
        *
        {
            padding:0;
            margin:0;
            box-sizing: border-box;
        }



    </style>
</head>
<body>
<section></section>
<ul class="white-1">
</ul>
<script src="../waibujs/header.js"></script>
<script src="../waibujs/tuanduigondun.js"></script>
<div class="container">
    <ul class="a1"></ul>
</div>
<script src="../waibujs/foot.js"></script>

<script src="../waibujs/xiala.js"></script><!--下拉菜单-->
<script src="../waibujs/xinxi.js"></script><!--首页-->
<!--<script src="../waibujs/tuandui.js"></script>&lt;!&ndash;团队&ndash;&gt;-->

<script>
var ul = document.querySelector('.a1');
for (var i = 1; i <=13; i++) {
    var li=document.createElement('li');
    li.className='loc'
    var img=document.createElement('img')
    var span=document.createElement('span')
    img.className='width'
    img.title=String.fromCharCode(i+64);
    img.id=String.fromCharCode(i+64);
    img.src='../image/sanjiao.png'
    li.appendChild(img)
    span.innerText=2007 + i;
    li.appendChild(span)
    ul.appendChild(li)
}
var li_1=document.querySelectorAll('.width')
var li_2=document.querySelectorAll('li')
for(var k=0;k<li_2.length;k++)
{
    li_2[k].onclick = function()
    {
        if(this.children[0].title===this.children[0].id)
        {
            this.children[0].classList.toggle('rotate')
        }
    }
}


</script>
</body>
</html>